<template>
  <div id="swipe">
    <mt-swipe :auto="4000" style="width: 100%; height: 300px;">
      <mt-swipe-item v-for="image in imageList">

        <img v-lazy="image">

      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>

<script>
  import { Swipe, SwipeItem } from 'mint-ui'

  export default {
    name: 'swipe',
    props: [
      'imageList'
    ],
    components: {
      MtSwipe: Swipe,
      MtSwipeItem: SwipeItem
    }
  }
</script>

<style>

</style>
